<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://tags.clayton.io/blacklayout" prefix="bl" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<bl:set var="title" value="首页" />
<bl:extends page="/WEB-INF/layout/default.jsp" />

<bl:block name="main">
	<ul>
		<li>采用覆盖模式，点<a href="override.jsp">这里</a>。
		<li>采用追加模式，点<a href="append.jsp">这里</a>。
		<li>采用前置模式，点<a href="prepend.jsp">这里</a>。
	</ul>
	<hr>
	<h3>使用说明</h3>
	<div>继承关系:<br><img src="${ctx}/images/main.png" width="250"></div>
	<ul style="width:800px">
		<li>首先，引用标签库：“&lt;%@ taglib uri="http://tags.clayton.io/blacklayout" prefix="bl" %>”。
		<li>在需要展现的页面（称为<b>内容页</b>）的页面头，使用标签“&lt;bl:extends />”，属性“page”指向要继承的<b>父页面</b>。父页面如果再有继承，继续使用标签“&lt;bl:extends />”。
		<li>如果父页面没有继承，称为<b>根页面</b>，在页面头使用标签“&lt;bl:init />”。	根页面定义完整的html页面，在需要被子页面修改的地方，使用标签“&lt;bl:block />”，可以只定义无内容，也可以有内容。“&lt;bl:block />”可以嵌套使用。子页面（包括中间的继承关系页面）不再定义完整的html页面，只需要将要修改的block重写/追加/前置自己的内容。
		<li>最后，内容页需要使用标签“&lt;bl:finish />”才能看到结果。
		<li>另外
		<li>可以使用标签“&lt;bl:include />”来导入其他页面。
		<li>可以使用标签“&lt;bl:set />”来设置一些变量供父页面（如：页面标题title）或子页面调用。供父页面使用，需要在标签“&lt;bl:extends />”之前使用。
	</ul>
</bl:block>

<bl:finish />
